<!--suppress ALL -->
<include file="./Template/header.html" />

<link rel="stylesheet" type="text/css" href="/Template/css/home.css">
<script type="text/javascript" src="/Template/js/amazeui.js"></script>
<script type="text/javascript">


    $(function() {

        //初始化页面配置
        initPage("希卫康康复");

        var app = new Vue({
            el: '#container',
            data: {
                info: [],
                list: []
            },
            methods: {
                activity: function(id) {
                    window.location.href = "/wechat/activity/detail/id/"+id;
                },
                clubfoot: function(id) {
                    window.location.href = "/wechat/clubfoot/"+id;
                },
                caseList: function(id) {
                    window.location.href = "/wechat/case/list/id/"+id;
                },
                product: function() {
                    window.location.href = "/wechat/product";
                },
                science: function() {
                    window.location.href = "/wechat/science";
                },
                communicate: function() {
                    window.location.href = "/wechat/activity/academy";
                },
                team: function() {
                    window.location.href = "/wechat/userCenter/team";
                },
                aboutus: function() {
                    window.location.href = "/wechat/userCenter/about";
                },
                doctor: function() {
                    window.location.href = "/wechat/doctor";
                },
                evaluate: function() {
                    window.location.href = "/wechat/evaluate";
                },
                me: function() {
                    window.location.href = "/wechat";
                },
                caseDetail: function(id) {
                    window.location.href = "/wechat/case/detail/id/"+id;
                },
                productDetail: function(id) {
                    window.location.href = "/wechat/product/detail/id/"+id;
                },
                scienceDetail: function(id) {
                    window.location.href = "/wechat/science/detail/id/"+id;
                },
                message: function() {
                    window.location.href = "/wechat/Messagebox/index";
                },
                pay: function() {
                    window.location.href = "/wechat/payment";
                },
                photo: function() {
                    window.location.href = "/wechat/userCenter/photo";
                },
                braceformer1: function() {
                    window.location.href = "/wechat/case/list/id/5";
                },
                braceformer2: function() {
                    window.location.href = "/wechat/clubfoot/checkin?type=all";
                }
            }
        })

        $(".pop-frame").click(function() {
            $(".subscribe").hide();
        });

        $('.am-slider').flexslider({
            animationLoop: false,
        });

        $('.product-info p img').css({
            width: "100%",
            margin: "10px 0"
        });

        $('.product-info p span img').css({
            width: "100%",
            margin: "10px 0"
        });

        $('.product-info ul, .product-info ol').css({
            "padding-left":"1.2rem"
        });

        $('table').css({
            width: "100%"
        });


    })

</script>

<div class="container" id="container">
    <div class="nav-img">
        <div class="am-slider am-slider-default" id="demo-slider-0">
            <div class="am-viewport" style="overflow: hidden; position: relative;">
                <ul class="am-slides nav-img-ul" style="width: 400%; transition-duration: 0.6s; transform: translate3d(0px, 0px, 0px);">
                    <foreach name="activityList" item="vo">
                        <li class="am-active-slide" data-thumb-alt="" style="width: 320px; margin-right: 0px; float: left; display: block;" v-on:click="activity('{$vo.activity_id}')">
                            <img src="{$vo.title_image}" draggable="false">
                        </li>
                    </foreach>
                </ul>
            </div>
        </div>
    </div>
    <div class="user-center">
        <div class="user-center-exihibate">
            <ul>
                <li class="item" v-on:click="product">
                    <img class="pic" src="/Template/images/icon-product.png" alt="">
                    <p class="aims">产品</p>
                </li>
                <li class="item" v-on:click="science">
                    <img class="pic" src="/Template/images/icon-science.png" alt="">
                    <p class="aims">疾病科普</p>
                </li>
                <li class="item" v-on:click="communicate">
                    <img class="pic" src="/Template/images/icon-communicate.png" alt="">
                    <p class="aims">活动交流</p>
                </li>
                <li class="item" v-on:click="aboutus">
                    <img class="pic" src="/Template/images/icon-group.png" alt="">
                    <p class="aims">关于我们</p>
                </li>
                <!--li class="item" v-on:click="evaluate">
                    <img class="pic" src="/Template/images/icon-doctor.png" alt="">
                    <p class="aims">免费评估</p>
                </li-->
                <!--li class="item" v-on:click="aboutus">
                    <img class="pic" src="/Template/images/icon-aboutus.png" alt="">
                    <p class="aims">关于我们</p>
                </li-->
                <li class="item" v-on:click="doctor">
                    <img class="pic" src="/Template/images/icon-doctor.png" alt="">
                    <p class="aims">医生介绍</p>
                </li>
                <li class="item" v-on:click="pay">
                    <img class="pic" src="/Template/images/icon-pay.png" alt="">
                    <p class="aims">付款</p>
                </li>
                <li class="item" v-on:click="me">
                    <img class="pic" src="/Template/images/icon-userCenter.png" alt="">
                    <p class="aims">个人中心</p>
                </li>
            </ul>
        </div>
    </div>
    <!--div class="product-classify" >
        <div class="product-title1">
            <span>病例专区</span>
        </div>
        <div class="product-exihibate">
            <div style="width: 50%; float: left;">
                <div class="bg-img" v-on:click="caseList(1)">
                    <img src="http://xwk-file.oss-cn-qingdao.aliyuncs.com/Home/cp_home.jpg" alt="">
                </div>
            </div>
            <div style="width: 50%; float: right;">
                <div class="bg-img" v-on:click="caseList(2)">
                    <img src="http://xwk-file.oss-cn-qingdao.aliyuncs.com/Home/scoliosis_home.jpg" alt="">
                </div>
            </div>
        </div>
    </div-->
    <div class="product-classify" >
        <div class="product-title0">
            <span style="color: #45a1de;font-weight: bold">Brace</span><span style="color: #ec8f85;font-weight: bold">Former™</span>
        </div>
        <div class="product-exihibate">
            <div style="width: 50%; float: left;">
                <div class="bg-img" v-on:click="braceformer1()">
                    <img src="http://xwk-file.oss-cn-qingdao.aliyuncs.com/Home/BraceFormer方案介绍.png" alt="">
                </div>
            </div>
            <div style="width: 50%; float: right;">
                <div class="bg-img" v-on:click="braceformer2()">
                    <img src="http://xwk-file.oss-cn-qingdao.aliyuncs.com/Home/支具穿戴计时工具.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <div class="product-classify" >
        <div class="product-title1">
            <span>病例专区</span>
        </div>
        <div class="product-exihibate">
            <div style="width: 50%; float: left;">
                <div class="bg-img" v-on:click="caseList(1)">
                    <img src="http://xwk-file.oss-cn-qingdao.aliyuncs.com/Home/cp_home.png" alt="">
                </div>
            </div>
            <div style="width: 50%; float: right;">
                <div class="bg-img" v-on:click="caseList(2)">
                    <img src="http://xwk-file.oss-cn-qingdao.aliyuncs.com/Home/scoliosis_home.png" alt="">
                </div>
            </div>
        </div>
        <div class="content-left">
            <foreach name="caseList1" item="vo">
                <div class="activity-info"  v-on:click="caseDetail('{$vo.case_id}')">
                    <!--div class="activity-status">
                        <div class="applying active">产品介绍</div>
                        <div class="applying active" v-if="activity.status == -1">报名中</div>
                        <div class="end active" v-if="activity.status == 1">已报满</div>
                        <div class="full active" v-if="activity.status == 2">已截止</div>
                        <div class="news active" v-if="activity.status == 3">新 闻</div>
                    </div-->
                    <div class="bg-img">
                        <img src="{$vo.title_image}" alt="">
                    </div>
                </div>
            </foreach>
        </div>
        <div class="content-right">
            <foreach name="caseList2" item="vo">
                <div class="activity-info" v-on:click="caseDetail('{$vo.case_id}')">
                    <!--div class="activity-status">
                        <div class="news active">疾病科普</div>
                    </div-->
                    <div class="bg-img">
                        <img src="{$vo.title_image}" alt="">
                    </div>
                </div>
            </foreach>
        </div>
    </div>

    <!--div class="product-classify" >
        <div class="content-left">
            <div class="product-title2">
                <span>特色成品</span>
            </div>
            <foreach name="productList" item="vo">
                <div class="activity-info"  v-on:click="productDetail('{$vo.desc_id}')">
                    <div class="bg-img">
                        <img src="{$vo.home_image}" alt="">
                    </div>
                </div>
            </foreach>
        </div>
        <div class="content-right">
            <div class="product-title3">
                <span>疾病科普</span>
            </div>
            <foreach name="scienceList" item="vo">
                <div class="activity-info" v-on:click="scienceDetail('{$vo.science_id}')">
                    <div class="bg-img">
                        <img src="{$vo.home_image}" alt="">
                    </div>
                </div>
            </foreach>
        </div>
    </div-->
    <div v-on:click="message()">
        <div id="message" class="message">
            <img class="message-pic-back" src="/Template/images/icon-message-back.png" alt="">
        </div>
        <div id="message" class="message">
            <img class="message-pic" src="/Template/images/icon-message.png" alt="">
        </div>
    </div>
    <!--div class="bg-img" v-on:click="about()">
        <img src="https://xwk-file.oss-cn-qingdao.aliyuncs.com/Home/about_us.png" alt="">
    </div>
    <div class="bg-img" v-on:click="photo()">
        <img src="http://xwk-file.oss-cn-qingdao.aliyuncs.com/Home/11_1.jpg" alt="">
    </div--
    <!--div id="operation" class="operation">
        <ul>
            <li class="recomend" v-on:click="doctorList({$product.category_id})">
                <img src="/Template/images/doctor-rec.png" alt="">
                <span>个人中心</span>
            </li>
            <li class="activity" v-on:click="activityList({$product.category_id})">
                <img src="/Template/images/gift-bag.png" alt="">
                <span>病例专区</span>
            </li>
            <li class="activity" v-on:click="activityList({$product.category_id})">
                <img src="/Template/images/gift-bag.png" alt="">
                <span>关于我们</span>
            </li>
        </ul>
    </div-->

</div>
<include file="./Template/footer.html" />